// 종목 상세 시세 그래프 — 방향색은 currentColor 로 recharts Area 에 상속 (SVG var() 미해석 대응)
.stock-chart {
	margin: var(--sp-4) 0 var(--sp-2);
	color: var(--price-flat);

	&--up {
		color: var(--price-up);
	}

	&--down {
		color: var(--price-down);
	}

	&--flat {
		color: var(--price-flat);
	}

	&__caption {
		margin-bottom: var(--sp-2);
		font-size: var(--fs-xs);
		color: var(--text-muted);
	}

	&__canvas {
		width: 100%;
		height: 180px;

		@media (max-width: 767.98px) {
			height: 140px;
		}
	}
}